import Vue from 'vue';
import App from './App.vue';
import TypeNav from '@/components/TypeNav';
import Pagination from '@/components/Pagination';
import Dialog from '@/components/Dialog';

import router from '@/router';
import store from '@/store';
import 'swiper/css/swiper.min.css'; // 因为下面还有轮播图 所以最好是放在main.js中
import './mockServer/index'; // 引入mock用于启动mock服务器

// 图片懒加载
import VueLazyload from 'vue-lazyload'
import load from '@/assets/loading.gif'


// element-ui使用
// import ElementUI from 'element-ui'; // 1完整
// import 'element-ui/lib/theme-chalk/index.css'; // 2完整
// Vue.use(ElementUI); // 3完整
import { Button, Message } from 'element-ui'; // 按需引入 1下载 2修改文件 3引入需要的组件 4注册组件
// Vue.component(Message.name,Message) //
Vue.prototype.$message = Message;

Vue.config.productionTip = false;
Vue.component(TypeNav.name, TypeNav); // 注册为全局组件
Vue.component(Pagination.name, Pagination);
Vue.component(Dialog.name, Dialog);

Vue.use(VueLazyload, {
  // loading: 'dist/loading.gif',
  loading: load,
})

new Vue({
  render: h => h(App),
  router,
  store,
  beforeCreate() {
    Vue.prototype.$eventBus = this;
  }
}).$mount('#app');
